<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AI测试</title>
    <style type="text/css">
        body {
            overflow-x: hidden;
            background: url(img/logo.png) no-repeat;
            background-attachment: fixed;
            background-position: center center;
        }

        form {
            margin: 10px;
            text-align: center;
        }

        .txt {
            width: 100%;
            text-align: right;
            box-sizing: border-box;
        }

        input {
            width: 50px;
            height: 30px;
            margin: 3px 0;
        }

        .run {
            border: 1px solid #CCC;
            background: #333;
            color: #EEE;
        }

        .run:hover {
            border: 1px solid #000;
        }
    </style>
</head>

<body>
    <!--表单部分-->
    <form>
        <!--公式显示区-->
        <input id="box" type="text" value="" class="txt"><br>
        <!--按键区-->
        <input type="button" value="重置" onclick="res('')">
        <input type="button" value="(" onclick="add('(')">
        <input type="button" value=")" onclick="add(')')">
        <input type="button" value="➕" onclick="add('+')"><br>
        <input type="button" value="7" onclick="add('7')">
        <input type="button" value="8" onclick="add('8')">
        <input type="button" value="9" onclick="add('9')">
        <input type="button" value="➖" onclick="add('-')"><br>
        <input type="button" value="4" onclick="add('4')">
        <input type="button" value="5" onclick="add('5')">
        <input type="button" value="6" onclick="add('6')">
        <input type="button" value="✖" onclick="add('*')"><br>
        <input type="button" value="1" onclick="add('1')">
        <input type="button" value="2" onclick="add('2')">
        <input type="button" value="3" onclick="add('3')">
        <input type="button" value="➗" onclick="add('/')"><br>
        <input type="button" value="0" onclick="add('0')">
        <input type="button" value="." onclick="add('.')">
        <!--运算按钮-->
        <input type="button" value="无误差" class="run" onclick="run('无误差')">
        <input type="button" value="=" class="run" onclick="run('等于')">
    </form>

    <script src="d.js"></script>
    <script src="img.js"></script>
    <script>
        // 测试 d.js 是否加载成功
        console.log("无误差加法:", 无误差加法(0.01, 0.2));
        console.log("无误差减法:", 无误差减法(0.01, 0.2));
        console.log("无误差乘法:", 无误差乘法(0.1, 0.2));
        console.log("无误差除法:", 无误差除法(0.2, 3));
        console.log("无误差除法:", 无误差除法(2, 30));
        console.log("无误差除法3:", 2 / 30);
        console.log("无误差除法3:", 2 / 3);
        console.log(0.1 / 0.3)
        // 测试 无误差计算 是否加载成功
        console.log("无误差计算:", 无误差计算("9460730472580800 * 9460730472580800"));
        console.log("无误差平均数:", 无误差平均数(0.1, 0.2), 平均数(0.1, 0.2));
        console.log("无误差计算:", 无误差计算("0.01 + 0.2"));
        console.log("无误差计算:", 无误差计算("0.01 + 0.2"));
        // console.log("js",0.01 / 0.2);
        //  // 测试 img.js 是否加载成功
        // // 这里可以添加使用 d.js 的代码
        console.log(三角形面积(0.2, 0.1));
        console.log(无误差三角形面积(0.2, 0.1));
        console.log(矩形面积(3, 4));
        console.log(长方形面积(3, 4));
        console.log(正方形面积(3));
        console.log(三角形周长(3, 4, 5));
        console.log(矩形周长(3, 4));
        console.log(长方形周长(3, 4));
        console.log(正方形周长(3));
        console.log(勾股定理(3, 4));
        console.log(求和([1, 2, 3, 4, 5]));
        console.log(求和(1, 2, 3, 4, 5));
        console.log(求差([1, 2, 3, 4, 5]));
        console.log(求差(1, 2, 3, 4, 5));
        console.log(求积([1, 2, 3, 4, 5]));
        console.log(求积(1, 2, 3, 4, 5));
        console.log(求商([1, 2, 3, 4, 5]));
        console.log(求商(1, 2, 3, 4, 5));
        console.log(扇形面积(0.1, 0.2));
        console.log("无误差扇形面积:", 无误差扇形面积(0.1, 0.33333333));
        console.log("无误差平均数:", 无误差平均数(0.06, 0.04, 0.1), 平均数(0.06, 0.04, 0.1));
        console.log("10进制转2进制:", 十进制转换(12, '',3));
        console.log("2进制转10进制:", 转十进制('FFF', '',16));
    </script>
    <script>
        // 获得显示区对象
        let b = document.getElementById('box');
        // 归零
        res = function (s) {
            b.value = s;
        }
        // 添加数字或运算符
        add = function (n) {
            b.value = b.value + n;
        }
        // 运算
        run = function (s) {
            if (b.value == "") {
                alert("请输入公式！");
                b.focus();
                return;
            }
            try {
                // 核心代码，请注意eval函数的使用
                if (s == "等于") { b.value = eval(b.value); }
                else if (s == "无误差") {
                    // 使用无误差计算
                    b.value = 无误差计算(b.value);
                }
            } catch (e) {
                alert("公式错误！");
                b.focus();
            }
        }
    </script>
</body>

</html>